Ext.define('HRMS.view.main.TopBar', {
	extend : 'Ext.toolbar.Toolbar',
	alias : 'widget.topbar',

	id : 'app-header',
	height : 50,
	maxHeight : 50,

	initComponent : function() {
		var me = this;

		Ext.applyIf(me, {
			items : [ {
				xtype : 'form',
				standardSubmit : true,
				frameHeader : false,
				paramsAsHash : true,
				height : 50,
				layout : {
					type : 'table'
				},
				items : [ {
					xtype : 'image',
					width : 100,
					src : 'res/common/images/company/logo.png'
				}, {
					xtype : 'tbtext',
					height : 25,
					cls : 'topbar_separator separator_long'
				}, {
					xtype : 'tbtext',
					text : 'Welcome, Admin',
					cls : 'topbar_hi_user'
				}, {
					xtype : 'tbtext',
					height : 25,
					cls : 'topbar_separator separator_long'
				}, {
					xtype : 'button',
					width : 35,
					height : 32,
					border : false,
					id : 'user',
					cls : 'user'
				}, {
					xtype : 'button',
					width : 35,
					height : 32,
					border : false,
					id : 'permission',
					cls : 'permission'
				}, {
					xtype : 'tbtext',
					height : 25,
					cls : 'topbar_separator'
				}, {
					xtype : 'button',
					width : 35,
					height : 32,
					border : false,
					id : 'logout',
					cls : 'logout'
				} ]
			} ],
		});

		me.callParent(arguments);
	}
});